<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
layout:decorator="layout">
  <head>
  	<title>比赛晋级管理</title>
  	<script src="/js/pagejs/worktemplate.js"></script>
  </head>
  <body>
	<div layout:fragment="content" class="content" id="modal">
   	<div class="modal">
   		<div class="detail">
   			<div class="detail-top">
   				<label class="detail-title">关键数据<i class="icon-help"></i></label>
   				<span class="detail-btn"></span>
   			</div>
   			<div class="detail-cont">
   				<div class="detail-c-box"> <!-- active -->
   					<div class="detail-c">
   						<div class="detail-c-label">已晋级</div>
      					<div class="detail-c-count"><strong id="jjCount" th:text="${number.jjCount}"></strong></div>
   					</div>
   				</div>
   				<div class="detail-c-box">
   					<div class="detail-c">
   						<div class="detail-c-label">待定</div>
   						<div class="detail-c-count"><strong id="ddCount" th:text="${number.ddCount}"></strong></div>
   					</div>
   				</div>
   				<div class="detail-c-box">
   					<div class="detail-c">
   						<div class="detail-c-label">报名人数</div>
   						<div class="detail-c-count"><strong id="bmCount" th:text="${number.bmCount}"></strong></div>
   						<input id="zpId" type="hidden" th:value="${number.id}" />
   					</div>
   				</div>
     		</div>
         			
 			<div class="detail-row">
				<div class="detail-s">
					<span class="detail-s-bar active"><span class="detail-s-btn">作品板式</span></span>
					<span class="detail-s-bar" id="usertemplate"><span class="detail-s-btn">用户板式</span></span>
				</div>
			</div>
  
       				<div class="detail-row">
       					<script type="text/template" id="pageJinjiTabel">
						#for(data:content)#
       					<div class="table-info-box col-50">
       						<div class="table-info">
       							<div class="table-info-left">
       								<div class="table-row">
       									<label class="table-label">参赛编号:</label>
       									<span class="table-text">#{number}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">渠道:</label>
       									<span class="table-text">#{refName}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">报名时间:</label>
       									<span class="table-text">#{createdAt}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">上传时间:</label>
       									<span class="table-text">#{uploadAt}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">晋级时间:</label>
       									<span class="table-text">#{passAt}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">总评分:</label>
       									<span class="table-text">#{point}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">评委评分:</label>
       									<span class="table-text">#{pwPoint}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">评委点评:</label>
       									<span class="table-text">#{commentCount}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">投票:</label>
       									<span class="table-text">#{voteCount}#</span>
       								</div>
       								<div class="table-row">
       									<label class="table-label">点赞:</label>
       									<span class="table-text">#{likeCount}#</span>
       								</div>
       								<div class="table-row">
       									<textarea id="#{data.id}#" rows="" cols="" class="table-input" placeholder="评委老师可写备注哦！">#{remark}#</textarea>
       									<span class="table-input-btn"><a href="javascript:updateRemark(#{id}#)">保存</a></span>
       								</div>
       								<div class="table-row table-info-gbtn">
										#if(data.verifyState=='JJ')#
										<span class="table-info-btn" style="float:left;">已经晋级</span>
										#endif#
										#if(data.verifyState=='DD')#
										<span class="table-info-btn" style="float:left;"><a href="javascript:updateApply(#{id}#,'JJ')">确认晋级</a></span>
										#endif#
										#if(data.verifyState=='DPS')#
       									<span class="table-info-btn" style="float:left;"><a href="javascript:updateApply(#{id}#,'DD')">选为待定</a></span>
       									<span class="table-info-btn" style="float:right;"><a href="javascript:updateApply(#{id}#,'JJ')">确认晋级</a></span>
										#endif#
       								</div>
       							</div>
       							<div class="table-info-right">
									<div class="table-user">
										<img width="50px" height="50px"alt="" onerror="javascript:this.src='/img/default2.png'" src="#{data.imgUrl}#" class="user-img">
       									<div class="user-info">
       										<span class="user-name">#{userName}#</span>
       										<span class="user-text">#{userNumber}#</span>
       									</div>
       								</div>
       								<div class="table-blog">
       									<div title=" #{text}# " class="blog-text">#{text}#</div>
       									<div class="blog-info">
											#if(data.m.type=='PIC')#
													#if(data.len>'1')#
														#for(m:data.bs)#
														<div class="blog-img2">
																<a title="图片点击查看" target="_blank" href=" #{m.url}# "><img alt="" onerror="javascript:this.src='/img/default2.png'" src="#{m.url}#?imageView2/1/w/200/h/200" /></a>
														</div>
														#endfor#
													#endif#
													#if(data.len=='1')#
														<div class="blog-img">
       														<a title="图片点击查看" target="_blank" href=" #{m.url}# "><img alt="" onerror="javascript:this.src='/img/default2.png'" src="#{data.m.url}#?imageView2/1/w/200/h/200" /></a>
       													</div>
													#endif#
											#endif#

											#if(data.m.type=='VIDEO')#
														<div class="blog-video">
															<a title="视频点击播放"  target="_blank" href=" #{m.url}# "><img onerror="javascript:this.src='/img/default2.png'" src="#{data.m.url}#?vframe/jpg/offset/2/imageView2/1/w/200/h/200"></img></a>
														</div>
											#endif#
       									</div>
       								</div>
       							</div>
       						</div>
       					</div>
						#endfor#
       					</script>
       					<div id="pageJinji"></div>
       					
		          	</div>
		          	
         		</div>
			</div>
	
	</div>
  </body>
</html>